<?php
    if(isset($_GET['folder'])){
        $selectFolder = $_GET['folder'];
    }else
        $selectFolder = "default";
?>
<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width" />
    <title>Picture Gallery</title>
    <link rel="stylesheet" href="Semantic/semantic.css">
    <link rel="stylesheet" href="Public/IdealSlider/ideal-image-slider.css">
    <link rel="stylesheet" href="Public/sweetalert.css">
    <link rel="stylesheet" href="showPic.css">
</head>

<body>
<div class="ui menu">
    <a class="browse item">
        Select Folder
        <i class="dropdown icon"></i>
    </a>
    <div class="ui fluid popup bottom left transition " style="top: 554px; left: 1px; bottom: auto; right: auto; width: auto;">
        <div id="folderContainer">
            <!--<div class="column">-->
                <!--<button class="ui basic button">-->
                    <!--<i class="folder outline icon"></i>-->
                        <!--Default-->
                <!--</button>-->
            <!--</div>-->
        </div>
    </div>
    <a class="item">
        <i class="home icon"></i>
        Home
    </a>
</div>
<div id="selectFolder" hidden><?php echo $selectFolder ?></div>
<div class="ui container">

</div>


<script src="Public/jquery.min.js"></script>
<script src="Semantic/semantic.js"></script>
<script src="Public/IdealSlider/ideal-image-slider.js"></script>
<script src="Public/IdealSlider/iis-captions.js"></script>
<script src="Public/sweetalert.min.js"></script>
<script src="showPic.js"></script>
<script>
    $(".row").hover(function(){
        $(this).find("a").css("display", "block");
    }, function(){
        $(this).find("a").css("display", "none");
    });
</script>

</body>
</html>